@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

#login {
    background-color: #ffffff;
    /*background-image: url('../../Images/bg-login.svg');*/
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.card-login {
  background-color: rgba(222, 225, 255, 0.7);
  border-radius: 20px;
  padding: 2em;
  width: 432px !important;
  height: 496px;
  margin-top: 5.5em;
}

.input-login {
  border-bottom-color: #007bff !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  background-color: transparent !important;
  width: 70% !important;
  padding: 0% !important;
  display: inline-block !important;
}

.icon-login {
    background: url('../../Icons/username.png');
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

.icon-password {
    background: url('../../Icons/Password.png');
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

.btn-login {
  width: 70% !important;
  opacity: 1 !important;
}

.recursos {
    max-height: 20em !important;
    overflow: auto;
    margin-bottom: 0em !important;
}

.recursosaudit {
    max-height: 25em;
    overflow: auto;
    margin-bottom: 0em !important;
}

.recursossup {
    max-height: 29em;
    overflow: auto;
    margin-bottom: 0em !important;
}


.gridSupervisor {
    height: 26em!important;
    max-height: 27em!important;
    overflow: auto;
    margin-bottom: 0em !important;
}


/* Let's get this party started */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(232, 232, 232, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(232, 232, 232, 0.4);
}

.centro {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.input-analista {
  border-bottom-color: #2196F3 !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  background-color: transparent !important;
  width: 100% !important;
  padding: 0% !important;
  display: inline-block !important;
}

.input-datePicker {
    border-bottom-color: #2196F3 !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    background-color: transparent !important;
    width: 100px !important;    
}

.blueborder {
    border-color: #2196F3 !important;
}

.detalhedacaixa {
  padding: 1em !important;
  list-style: none !important;
  width: 100% !important;
  border-radius: 11px !important;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.linhaoculta {
  display: none;
}

.form-control {
  font-size: 0.8rem !important;
}

.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
}


/* Customize the label (the container) */
.container_checkbox {
  display: block;
  position: relative;
  padding-left: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 5px;
  border: silver 0.5px solid;

}

/* On mouse-over, add a grey background color */
.container_checkbox:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_checkbox input:checked~.checkmark {
  background-color: #2196F3;
}

/* When the checkbox is checked, add a red background */
.container_checkbox input:checked~.checkmark.cred {
  background-color: #DC3545 !important;
}

/* When the checkbox is checked, add a black background */
.container_checkbox input:checked~.checkmark.cblack {
  background-color: black !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
  border: none;

}

/* Show the checkmark when checked */
.container_checkbox input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_checkbox .checkmark:after {
  left: 30%;
  top: 15%;
  width: 7.5px;
  height: 7.5px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.input-auditor {
  border-bottom-color: #2196F3 !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  background-color: transparent !important;
  width: 70% !important;
  padding: 0% !important;
  display: inline-block !important;
}

th {
    font-weight: bold;
    color: #17a2b8 !important;
}

.observacao {
    max-height: 8em;
    overflow: auto;
    margin-bottom: 0em !important;
}

.audiobox {
    outline-style: solid;
    outline-color: #2196F3;
    outline-width: thin;
}

.heightGrid {
    max-height: 8em !important;
    height: 8em !important;
}
.font-size {
    font-size:0.79rem!important;

}

.ExportaGridExcel {
    width : 20%!important
}
